<section id="content" class="m-t-lg wrapper-md animated fadeInUp">
  <div class="container aside-xl">
    <a class="navbar-brand block" href="index.html"><span class="h1 font-bold">Do It Yourself</span></a>
    <section class="m-b-lg">
      <header class="wrapper text-center">
      </header>
      <form #usernameFrom="ngForm" (ngSubmit)="onSubmit(usernameFrom,user)" data-validate="parsley">
        <div class="form-group">
          <input type="email" placeholder="邮件" [(ngModel)]="user.email" name="email" #email="ngModel" data-required="true" class="form-control rounded input-lg text-center no-border">
        </div>        <div class="form-group">
          <input type="password" placeholder="密码" [(ngModel)]="user.password" name="password" #password="ngModel" data-required="true" class="form-control rounded input-lg text-center no-border">
        </div>

        <input type="text" id="input1" placeholder="验证码" [(ngModel)]="user.code" name="code" #code="ngModel" class="  rounded text-center no-border m-xs" style="height: 40px;width: 200px;"/>   <img  src="" (click)="changeValideCode()" id="codes" class="mid validateCode"/><br />

        <button type="submit"  class="btn btn-lg btn-warning lt b-white b-2x btn-block btn-rounded m-t-sm" ><i class="icon-arrow-right pull-right"></i><span class="m-r-n-lg">登陆</span></button>
        <div class="text-center m-t m-b"><a routerLink="/forget"><small>忘记密码</small></a></div>
        <div class="line line-dashed"></div>
        <p class="text-muted text-center"><small>还没有账号?</small></p>
        <a routerLink="/register" class="btn btn-lg btn-info btn-block rounded">注册账号</a>
      </form>
    </section>
  </div>
</section>
